草庐IT

TypeScript 测验

全部标签

json - 如何将 JSON 文件导入 TypeScript 文件?

我正在使用AngularMaps构建map应用程序,并希望将JSON文件作为定义位置的标记列表导入。我希望将此JSON文件用作app.component.ts内的marker[]数组。而不是在TypeScript文件中定义硬编码的标记数组。导入此JSON文件以用于我的项目的最佳流程是什么?任何方向都非常感谢! 最佳答案 在最近的typescript更新之前,Aonepathan的单行字一直为我工作。我找到了JecelynYeen的post建议将此片段发布到您的TS定义文件中将文件typings.d.ts添加到项目的根文件夹中,内容如

arrays - 如何定义键值对的 Typescript Map。其中key是一个数字,value是一个对象数组

在我的angular2应用程序中,我想创建一个以数字为键并返回对象数组的映射。我目前正在以下列方式实现,但没有运气。我应该如何实现它或者我应该为此目的使用其他一些数据结构?我想使用map,因为它可能很快?声明privatemyarray:[{productId:number,price:number,discount:number}];priceListMap:Map=newMap();用法this.myarray.push({productId:1,price:100,discount:10});this.myarray.push({productId:2,price:200,dis

json - 如何使用 TypeScript 在 Angular 2 中将对象正确转换为 JSON

我正在创建一个Angular2简单的CRUD应用程序,它允许我对产品进行CRUD。我正在尝试实现post方法,以便创建产品。我的后端是一个ASP.NETWebAPI。我遇到了一些麻烦,因为将我的Product对象转换为JSON时它没有正确执行。这预期的JSON应该是这样的:{"ID":1,"Name":"Laptop","Price":2000}但是,从我的应用程序发送的JSON是这样的:{"product":{"Name":"Laptop","Price":2000}}为什么在JSON的开头添加“产品”?我能做些什么来解决这个问题?我的代码:product.tsexportclass

javascript - 导入 json 文件时的 Typescript 编译器错误

所以代码很简单:calls.json{"SERVER":{"requests":{"one":"1"}}}文件.tsimportjson=require('../static/calls.json');console.log(json.SERVER);生成的javascript是正确的,并且在运行Nodejs服务器时,控制台日志json.SERVER会打印'{requests:{one:'1'}}'。然而,typescript编译器(commonjs)不知何故并不特别喜欢这种情况并抛出:“找不到模块'../static/calls.json'”。当然我试过写一个.d.ts文件,像这样:

javascript - 如何在 Typescript 中解析 JSON 字符串

有没有办法在Typescript中将字符串解析为JSON。示例:在JS中,我们可以使用JSON.parse()。Typescript中是否有类似的功能?我有一个JSON对象字符串如下:{"name":"Bob","error":false} 最佳答案 Typescript是javascript(的超集),因此您只需像在javascript中一样使用JSON.parse:letobj=JSON.parse(jsonString);只有在typescript中,您才能为结果对象指定类型:interfaceMyObj{myString:s

json - 在 TypeScript 中导入 JSON 文件

我有一个JSON文件,如下所示:{"primaryBright":"#2DC6FB","primaryMain":"#05B4F0","primaryDarker":"#04A1D7","primaryDarkest":"#048FBE","secondaryBright":"#4CD2C0","secondaryMain":"#00BFA5","secondaryDarker":"#009884","secondaryDarkest":"#007F6E","tertiaryMain":"#FA555A","tertiaryDarker":"#F93C42","tertiaryDark

javascript - 为什么我要同时使用 TypeScript 和 Babel?

我们在NPM和NodeJS上运行内部编写的构建自动化。我对自动化一些转换步骤以使TypeScript和Babel一起工作感到非常满意。我只是想知道会有什么好处。谁能告诉我?似乎由于TS增加了对ES6的支持,所以你并不真的需要Babel。一件事似乎很可能是Babel更早地支持新功能,但目前TS似乎并不太落后。我错过了什么吗? 最佳答案 在我看来,您使用typescript将TypeScript代码转换为ES6,然后使用babel将其重新转换为es5/es3以使用在大多数javascript运行时。现在因为typescript编译器给你

tsconfig.json 中的 typescript outDir 设置不起作用

在package.json中使用时,我似乎无法让outDir标志工作。目录结构非常简单:根级别的tsconfig.json,以及一个src/目录和一个index.ts文件以及代表其他模块的其他目录。当在索引文件上运行tsc命令时,它会在它旁边而不是在构建目录中创建一个新的。我做错了什么?我的tsconfig:{"compilerOptions":{"outDir":"build"}}我的npm构建脚本:"build":"tscsrc/index.ts"我从项目的根目录调用脚本。有趣的是,使用--outDir标志运行相同的脚本就可以了。 最佳答案

javascript - 什么是 TypeScript,我为什么要用它来代替 JavaScript?

关闭。这个问题需要更多focused.它目前不接受答案。想要改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭5年前。Improvethisquestion您能描述一下TypeScript语言是什么吗?有什么是JavaScript或可用库无法做到的,这让我有理由考虑它? 最佳答案 IoriginallywrotethisanswerwhenTypeScriptwasstillhot-off-the-presses.Fiveyearslater,thisisanOKoverview,butlookatLo

json - 如何使用 JSON 对象初始化 TypeScript 对象?

我从对REST服务器的AJAX调用接收到一个JSON对象。该对象的属性名称与我的TypeScript类匹配(这是thisquestion的后续版本)。初始化它的最佳方法是什么?我不认为this将起作用,因为该类(和JSON对象)具有作为对象列表的成员和作为类的成员,并且这些类具有作为列表和/或类的成员。但我更喜欢查找成员名称并分配它们的方法,根据需要创建列表和实例化类,因此我不必为每个类中的每个成员编写显式代码(有很多!) 最佳答案 这些是一些关于此的快速截图,以展示几种不同的方式。它们绝不是“完整的”,作为免责声明,我认为这样做不